@mixin transtion {
  @apply transition-all duration-100;
}

@mixin swiper-default {
  @apply mt-40 h-auto w-[60rem] max-w-full overflow-hidden;
  .swiper-slide {
    img {
      @include transtion();
      @apply h-96 w-full overflow-hidden object-cover sm:px-0 lg:px-24;
    }
  }
  .swiper-button {
    &-prev,
    &-next {
      @include transtion;
      @apply h-12 w-12 rounded bg-[url('https://cdn.cdnjson.com/tvax3.sinaimg.cn//large/a15b4afegy1fmvjbyvfmij21hc0u0h46.jpg')]  bg-cover bg-center hover:shadow-xl;
      //
      &::after {
        @apply hidden;
      }
    }
  }
}
